<template>
	<view>
<<<<<<< HEAD
		<u-swiper v-if="list.length" mode='none' :list="list" name='img' height="400" border-radius="0"></u-swiper>
		<view class="u-p-t-200" v-if="!token">
			<!-- 未绑定团长-->
			<view class="bindtext u-text-center">
				您还未登录，请先登录
			</view>
			<view class="" style="width: 70%;margin-left: 15%;">
				<u-button :custom-style="customStyle" :hairLine="false" @click="$mHelper.to('/pages/login/login',true)">
					登录</u-button>
			</view>
		</view>
		<!-- 未绑定团长 -->
		<!-- <view class="u-p-t-200" v-else-if='!userInfo.phone'>
			<view class="bindtext u-text-center">
				您还未完善信息，请去完善信息~
			</view>
			<view class="" style="width: 70%;margin-left: 15%;">
				<u-button :custom-style="customStyle" :hairLine="false">完善信息</u-button>
			</view>
		</view> -->
		<!-- 0待审核,1通过,-1拉黑,-2拒绝，-9未加入团队 -->
		<view class="u-p-t-200" v-else-if="userInfo.t_static=='-9'||userInfo.t_static=='-2'">
			<!-- 未绑定团长-->
			<view class="bindtext u-text-center">
				{{userInfo.t_static=='-9'?'您还未绑定团长，请去绑定团长~':'申请已被拒绝，请重新绑定团长~'}}
			</view>
			<view class="" style="width: 70%;margin-left: 15%;">
				<u-button :custom-style="customStyle" :hairLine="false"
					@click="$mHelper.to('/pages/index/bindTeam/bindTeam')">绑定团长</u-button>
			</view>
		</view>
		<view class="u-p-t-200" v-else-if="userInfo.t_static=='0'">
			<!-- 未绑定团长-->
			<view class="bindtext u-text-center">
				申请中，请等待团长审核~
			</view>
			<!-- <view class="" style="width: 70%;margin-left: 15%;">
				<u-button :custom-style="customStyle" :hairLine="false" @click="$mHelper.to('/pages/index/bindTeam/bindTeam')">绑定团长</u-button>
			</view> -->
		</view>
		<view v-else>
			<view class="list_one mdx-center-min" v-for="(item,index) in 10" v-show="true" :key='index'
				@click="$mHelper.to('/pages/task/taskDetail')">
				<view class="img_bpx">
					<view class="tag green">
						可领取
					</view>
					<image
						src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2021%252F0411%252F6079ef16j00qrd985004hc000sg00g0c.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624529572&t=b1a8a6c153d632b3781286f4055b78ce"
						mode=""></image>
					<view class="names mdx-center-xs">
						《绿皮书》
					</view>
				</view>
				<view class="active_title">
					活动名称活动名称活动名称活动名称活动名称活动名称活动名称活动名称
				</view>
				<view class="actEndtime">
					活动截止：2020-02-02
				</view>
				<view class="u-flex price_box">
					<view class="u-flex-1 u-flex">
						<view>
							<text>最高可报:</text>
							<text class="olsf">￥</text>
							<text class="price">30</text>
						</view>
						<view class="u-margin-left-20">
							<text>佣金:</text>
							<text class="olsf">￥</text>
							<text class="price">5</text>
						</view>
					</view>
					<view class="btm_to">指定影城</view>
				</view>
			</view>
		</view>
		<view v-if="false">
			<view class="list_two mdx-center-min" v-for="(item,index) in 10" :key='index'
				@click="$mHelper.to('/pages/index/taskIndex')">
				<view class="u-flex top_nav">
					<view class="l_names u-flex-1">《绿皮书》</view>
					<view class="r_state green">进行中</view>
				</view>
				<view class="u-flex">
					<view class="u-m-20">子任务：5个</view>
					<view class="u-flex-1 u-m-20">
						<wzk-plan title='完成率' number='40'></wzk-plan>
					</view>
					<view class="u-m-20">100%</view>
				</view>

				<view class="u-flex pir_box">
					<view v-for="item in 4">
						<view class="price">10000元</view>
						<view class="u-m-t-20">总预算金额</view>
					</view>
				</view>
				<view class="u-flex u-row-around mdx-center-sm bot_text u-margin-top-20">
					<view>任务接受率：100%</view>
					<view>数量消耗率：100%</view>
				</view>
			</view>

		</view>
		<u-gap></u-gap>
=======
		
>>>>>>> f85b63c80fd7fa88395f608af0f2605ec3387000
	</view>
</template>

<script>
	export default {
		data() {
			return {
<<<<<<< HEAD
				list: [],
				customStyle: {
					marginTop: '20px', // 注意驼峰命名，并且值必须用引号包括，因为这是对象
					color: '#333333',
					background: '#FFEC3E',
					border: '#fff'
				},
			}
		},
		onLoad() {
			this.getInit();
		},
		computed: {
			userInfo() {
				return this.$store.getters['userinfo']
			}
		},
		methods: {
			getInit() {
				this.getBanner();
			},
			//获取轮播图
			getBanner() {
				this.$http.post('api/Advertising/indexad').then(res => {
					if (res.code == 0) {
						this.list = res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F0F0F0;
	}

	.bindtext {
		color: #666;
	}

	.list_one {
		background-color: #FFFFFF;
		margin-top: 30rpx;
		border-radius: 15rpx;
		padding-bottom: 20rpx;

		.img_bpx {
			position: relative;
			height: 400rpx;
			width: 100%;

			image {
				border-radius: 15rpx 15rpx 0 0;
				width: 100%;
				height: 100%;
			}
		}

		.names {
			position: absolute;
			bottom: 10rpx;
			color: #FFFFFF;
			font-size: 32rpx;

		}

		.active_title {
			width: 90%;
			margin: 20rpx 0;
			margin-left: 5%;
			font-size: 30rpx;
			color: #333333;
			font-weight: 550;

		}

		.actEndtime {
			color: #666666;
			width: 90%;
			margin: 10rpx 0;
			margin-left: 5%;
		}

		.price_box {
			width: 90%;
			margin: 10rpx 0;
			margin-left: 5%;
			margin-top: 30rpx;
			color: #666666;

			.price {
				color: #F65151;
				font-weight: 550;
				font-size: 34rpx;
			}

			.olsf {
				color: #F65151;
				margin-left: 5rpx;
			}
		}

		.btm_to {
			background-color: #FFEC3E;
			padding: 6rpx 18rpx;
			font-size: 26rpx;
			color: #000000;
			border-radius: 50rpx;
		}
	}

	.list_two {
		background-color: #FFFFFF;
		margin-top: 30rpx;
		border-radius: 15rpx;
		padding-bottom: 20rpx;

		.top_nav {
			padding: 20rpx;
			border-bottom: 1rpx solid #e5e5e5;

			.l_names {
				color: #333333;
				font-weight: 550;
				font-size: 32rpx;

			}

			.r_state {
				padding: 6rpx 20rpx;
				border-radius: 10rpx;
				font-size: 26rpx;
			}
		}


		.pir_box>view {
			width: 25%;
			border-right: 1rpx solid #e5e5e5;
			text-align: center;
			font-size: 24rpx;
			padding: 10rpx 0;

		}

		.pir_box {
			border-radius: 15rpx;
			padding: 40rpx 0;
			background: #FAFAFA;
			width: 92%;
			margin-left: 4%;

			.price {
				color: #F65151;
				font-size: 30rpx;
			}
		}

		.bot_text {
			color: #999999;
=======
				
			}
		},
		methods: {
			
>>>>>>> f85b63c80fd7fa88395f608af0f2605ec3387000
		}
	}
</script>

<style>

</style>
